<?php

use yii\helpers\Html;

$corpid = \app\api\Constant::$GKY_CORPID;

//得到发送对象
$userArray = \app\models\GkyQyhDepartment::findMembers($corpid);
//不显示 管理科学与工程学院 和 管科院 两个菜单
$user = $userArray[0]['items'];
$menusArrTree = $user[0]['items'];
?>

<div class="row">
    <div class="col-lg-12 col-md-12">
        <div class="input-group">
            <label><input type="radio" name="select" id="selectall">全选</label>
            <label style="margin-left:10px"><input type="radio" name="select" id="removeall">反选</label>
        </div>
    </div>

    <div class="col-lg-12 col-md-12">
        <div class="input-group">
            <label><input type="checkbox" name="lingdao" id="lingdao">领导班子</label>
            <label style="margin-left:10px"><input type="checkbox" name="xingzheng" id="xingzheng">行政部门</label>
            <label style="margin-left:10px"><input type="checkbox" name="jiaoxue" id="jiaoxue">教学部门</label>
        </div>
    </div>
</div>



<?php
for ($i = 0; $i < count($menusArrTree); $i++) {
    ?>
    <div class="">
        <hr style="margin:0;"/>
        <dl style="margin-bottom:0;margin-top: 10px">
            <dt>
            <!--                    input属性说明：
                                    class:用于获取选中项、全选和反选
                                    name:用于判断第二级目录勾选后，其下一集目录也勾选
                                    value：用于判断第一级目录勾选后，其所有子目录也勾选
                                    id:用于判断是否勾选
                                    title：用于第二级目录的子目录-->
            <label class="checkbox" style="margin:0px 0px 0px 20px;"><input isFirst ="true" class="ck" type="checkbox" name="choose[<?= $i ?>]" value="<?= $i ?>" onclick="parentclick(this)" id="<?= $menusArrTree[$i]['id'] ?>" title="<?= $i ?>"><?= $menusArrTree[$i]['name'] ?></label>
            </dt>

            <?php if (!empty($menusArrTree[$i]['members'])) { ?>
                <ul style="display:inline-block; margin-bottom: 0;">
                    <?php
                    for ($j = 0; $j < count($menusArrTree[$i]['members']); $j++) {
                        ?>

                        <li style="float:left; list-style: none;margin-left:25px;" ><label class="checkbox"><input isFirst ="false" class="ck" type="checkbox" name="choose[<?= $i ?>][<?= $j ?>]" value="<?= $i ?>" onclick="childrenclick(this)" id="<?= $menusArrTree[$i]['members'][$j]['id'] ?>" title="<?= $i . "id" . $j ?>" custom="<?= $menusArrTree[$i]['members'][$j]['name'] ?>"> <?= $menusArrTree[$i]['members'][$j]['name'] ?></label></li>

                        <?php if (!empty($menusArrTree[$i]['items'][$j]['members'])) { ?>
                            <?php
                            for ($k = 0; $k < count($menusArrTree[$i]['members'][$j]['members']); $k++) {
                                ?>
                                <input class="ck" type="checkbox" name="choose[<?= $i ?>][<?= $j ?>]" value="<?= $i ?>" id="<?= $menusArrTree[$i]['members'][$j]['members'][$k]['id'] ?>"  title="<?= $j ?>" style="margin-left: 5px"> <?= $menusArrTree[$i]['members'][$j]['members'][$k]['name'] ?>

                                <?php
                            }
                        }
                    }
                    ?>
                </ul>
            <?php }
            ?>
        </dl>

    </div>

    <?php
}
?>





<?= Html::Button('确定', ['class' => 'btn btn-default', 'id' => 'save', 'data-dismiss' => 'modal']); ?>
<?= Html::Button('取消', ['class' => 'btn btn-default', 'style' => 'margin-left:10px', 'data-dismiss' => 'modal', 'aria-hidden' => 'true']); ?>


<script type="text/javascript">

    function parentclick(obj) {
        var id = $(obj).attr("id");
        var val = $(obj).attr("value");
        if ($("#" + id).is(":checked")) { //如果被选中
            $('input[value="' + val + '"]').prop('checked', true);
        } else {//未被选中
            $('input[value="' + val + '"]').prop('checked', false);
        }
    }

    function childrenclick(obj) {
        var title = $(obj).attr("title");
        var id = $(obj).attr("id");
        var arr = title.split("id");
        var i = arr[0];
        var j = arr[1];
        var name = 'choose[' + i + '][' + j + ']';
        if ($("#" + id).is(":checked")) { //如果被选中
            $('input[name="' + name + '"]').prop('checked', true);
        } else {//未被选中
            $('input[name="' + name + '"]').prop('checked', false);
        }

    }

//    //初始化选中项
//    function jiazai() {
//        var access = "<?php // echo $access     ?>";
//        var s = access.split(",");
//        for (var i = 0; i < s.length; i++) {
//            $("#" + s[i]).prop('checked', true);
//        }
//    }
//    window.onload = jiazai;

    //获取选中项
    $('#save').click(function () {
        $('#show').html("");
        var isc = "";
        var names = "";
        $("input[class='ck']:checked").each(function () {
//            alert(this.getAttribute('isFirst'));
            //取到发送对象的id,排除取到部门id
            if (this.getAttribute('isFirst') == "false") {
                isc += this.id + ",";
                names += this.getAttribute('custom') + ",";
            }
        });
        if (isc.length > 0) {
            isc = isc.substring(0, isc.length - 1);//把取出的选中值去掉最后一个逗号

            names = names.substring(0, names.length - 1);//把取出的选中值去掉最后一个逗号
        }
        $('#selects').attr('value', isc);
        $('#selects')[0].innerHTML = names;

        $('#selects2').attr('value', isc);


    });


    //全选
    $("#selectall").click(function () {
        $('input[class=ck]').prop('checked', true);
        var isc = "";
        $('input[class=ck]').each(function () {
            if ($(this).is(":checked")) //如果被选中
                isc += this.id + ","; //获取被选中的值
        });
        if (isc.length > 0) {
            isc = isc.substring(0, isc.length - 1);//把取出的选中值去掉最后一个逗号
        }
        //给隐藏域赋值
        $('#selects').attr('value', isc);
        
        //领导班子、行政部门、教学部门
        $('#lingdao').prop('checked', true);
        $('#xingzheng').prop('checked', true);
        $('#jiaoxue').prop('checked', true);
        
    });
    //反选
    $("#removeall").click(function () {
        $('input[class=ck]').prop('checked', false);
        var isc = "";
        $('input[class=ck]').each(function () {
            if ($(this).is(":checked")) //如果被选中
                isc += this.id + ","; //获取被选中的值
        });
        if (isc.length > 0) {
            isc = isc.substring(0, isc.length - 1);//把取出的选中值去掉最后一个逗号
        }
        //给隐藏域赋值
        $('#selects').attr('value', isc);
        //领导班子、行政部门、教学部门
        $('#lingdao').prop('checked', false);
        $('#xingzheng').prop('checked', false);
        $('#jiaoxue').prop('checked', false);
    });

    //    ！！！暂且写死 ！！！  //
    //领导班子
    $("#lingdao").click(function () {
        if ($("#lingdao").is(":checked")) {
            //书记
            $('#110').prop('checked', true);
            parentclick($('#110'));
            //副书记
            $('#111').prop('checked', true);
            parentclick($('#111'));
            //院长
            $('#113').prop('checked', true);
            parentclick($('#113'));
            //副院长
            $('#114').prop('checked', true);
            parentclick($('#114'));
        } else {
            //书记
            $('#110').prop('checked', false);
            parentclick($('#110'));
            //副书记
            $('#111').prop('checked', false);
            parentclick($('#111'));
            //院长
            $('#113').prop('checked', false);
            parentclick($('#113'));
            //副院长
            $('#114').prop('checked', false);
            parentclick($('#114'));
        }
    });

    //行政部门
    $("#xingzheng").click(function () {
        if ($("#xingzheng").is(":checked")) {
            //科研秘书
            $('#115').prop('checked', true);
            parentclick($('#115'));
            //教学秘书
            $('#116').prop('checked', true);
            parentclick($('#116'));
            //分团委
            $('#117').prop('checked', true);
            parentclick($('#117'));
            //辅导员
            $('#118').prop('checked', true);
            parentclick($('#118'));
            //办公室
            $('#14').prop('checked', true);
            parentclick($('#14'));
        } else {
            //科研秘书
            $('#115').prop('checked', false);
            parentclick($('#115'));
            //教学秘书
            $('#116').prop('checked', false);
            parentclick($('#116'));
            //分团委
            $('#117').prop('checked', false);
            parentclick($('#117'));
            //辅导员
            $('#118').prop('checked', false);
            parentclick($('#118'));
            //办公室
            $('#14').prop('checked', false);
            parentclick($('#14'));
        }
    });

    //教学部门
    $("#jiaoxue").click(function () {
        if ($("#jiaoxue").is(":checked")) {
            //工程系
            $('#120').prop('checked', true);
            parentclick($('#120'));
            //规划系
            $('#121').prop('checked', true);
            parentclick($('#121'));
            //房产系
            $('#122').prop('checked', true);
            parentclick($('#122'));
            //造价系
            $('#123').prop('checked', true);
            parentclick($('#123'));
        } else {
           //工程系
            $('#120').prop('checked', false);
            parentclick($('#120'));
            //规划系
            $('#121').prop('checked', false);
            parentclick($('#121'));
            //房产系
            $('#122').prop('checked', false);
            parentclick($('#122'));
            //造价系
            $('#123').prop('checked', false);
            parentclick($('#123'));
        }
    });
     //    ！！！暂且写死 ！！！  //
    

</script>


